<!DOCTYPE html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="csrf-token" content="{{csrf_token()}}">
    <meta name="renderer" content="Unrealizedkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />

    <link rel="stylesheet" href="{{URL::asset('resources/xadmin/css/font.css')}}">
    <link rel="stylesheet" href="{{URL::asset('resources/xadmin/css/xadmin.css')}}">
    <link rel="stylesheet" href="{{URL::asset('resources/xadmin/lib/layui/css/layui.css')}}">
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css"  href="{{URL::asset('resources/login/css/bootstrap.min.css')}}">
    {{--<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">--}}

    <!-- Slider
    ================================================== -->
    {{--<link href="{{URL::asset('resources/login/css/owl.carousel.css')}}" rel="stylesheet" media="screen">--}}
    {{--<link href="{{URL::asset('resources/login/css/owl.theme.css')}}" rel="stylesheet" media="screen">--}}

    <!-- Stylesheet
    ================================================== -->
    <link rel="stylesheet" type="text/css"  href="{{URL::asset('resources/login/css/info/style.css')}}">
{{--    <link rel="stylesheet" type="text/css" href="{{URL::asset('resources/login/css/info/responsive.css')}}">--}}
    <script type="text/javascript" src="{{URL::asset('resources/login/js/modernizr.custom.js')}}"></script>

    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="{{URL::asset('resources/login/js/jquery.isotope.js')}}"></script>

    <script type="text/javascript" src="{{URL::asset('resources/xadmin/lib/layui/layui.js')}}"></script>
    <script type="text/javascript" src="{{URL::asset('resources/xadmin/js/xadmin.js')}}"></script>



</head>
<body>
<div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
        <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
</div>


<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body ">


                    {{--<div class="layui-form layui-col-space5">--}}


                        {{--<div class="layui-inline layui-show-xs-block">--}}
                            {{--<a class="layui-btn" onclick="xadmin.open('邮件订阅服务','{{url('admin/info/mail')}}',800,500)">--}}
                                {{--<i class="layui-icon">&#xe615;</i>邮件订阅服务</a>--}}
                        {{--</div>--}}
                    {{--</div>--}}



                    <!-- Portfolio Section==========================================-->
                    <div id="tf-works">
                        <div class="container" style="width: 100%;height: 90px;background-color: #bcbcbc;"> <!-- Container -->

                            <div class="section-title text-center center">
                               <h4> <strong>这里是我们提供的所有服务</strong></h4>
                                <h2>Take a look at <strong>our services</strong></h2>
                                {{--<h2>这里是我们提供的所有服务 </h2>--}}
                                {{--<strong>您可以进行选择并订阅</strong>--}}
                                {{--<div class="line">--}}
                                    {{--<hr>--}}
                                {{--</div>--}}
                                {{--<div class="clearfix"></div>--}}
                                {{--<small><em>Take a look at our services</em></small>--}}
                            </div>


                            <div class="categories">

                                <ul class="cat">
                                    <li class="pull-left"><h4>Filter by Type:</h4></li>
                                    <li class="pull-right">
                                        <ol class="type">
                                            <li><a href="#" data-filter="*" class="active">All</a></li>
                                            <li><a href="#" data-filter=".Realized" >已上线</a></li>
                                            <li><a href="#" data-filter=".Unrealized">部署中</a></li>
                                            <li><a href="#" data-filter=".Show_info">信息查看</a></li>
                                            <li><a href="#" data-filter=".Another_function" >其他功能</a></li>
                                        </ol>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>

                            <div id="lightbox" class="row">


                                <div class="col-sm-6 col-md-3 col-lg-3 Realized Another_function">
                                    <div class="portfolio-item">
                                        <div class="hover-bg">
                                            <a onclick="xadmin.open('邮件订阅服务','{{url('admin/info/mail')}}',800,500)">
                                            {{--<a href="{{url('admin/info/mail')}}">--}}
                                                <div class="hover-text">
                                                    <h4>邮件订阅服务</h4>
                                                    <small>Realized</small>
                                                    <div class="clearfix"></div>
                                                     
                                                </div>
                                                <img src="{{URL::asset('resources/login/images/info/01.jpg')}}" class="img-responsive" alt="...">
                                            </a>
                                        </div>
                                    </div>
                                </div>


                                <div class="col-sm-6 col-md-3 col-lg-3 Show_info Another_function">
                                    <div class="portfolio-item">
                                        <div class="hover-bg">
                                            <a onclick="xadmin.open('尽请期待','{{url('admin/info/Unrealized')}}',800,500)">
                                                <div class="hover-text">
                                                    <h4>敬请期待</h4>
                                                    <small>Realized</small>
                                                    <div class="clearfix"></div>
                                                     
                                                </div>
                                                <img src="{{URL::asset('resources/login/images/info/02.jpg')}}" class="img-responsive" alt="...">
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-md-3 col-lg-3 Realized Show_info">
                                    <div class="portfolio-item">
                                        <div class="hover-bg">
                                            {{--<a href="#">--}}
                                                <a onclick="xadmin.open('温湿度监控','{{url('admin/info/house')}}',1000,700)">
                                                <div class="hover-text">
                                                    <h4>温湿度监控</h4>
                                                    <small>Realized</small>
                                                    <div class="clearfix"></div>
                                                    <i ></i>
                                                </div>
                                                <img src="{{URL::asset('resources/login/images/info/temp_hum.jpg')}}" class="img-responsive" alt="...">
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-md-3 col-lg-3 Realized Show_info">
                                    <div class="portfolio-item">
                                        <div class="hover-bg">
                                            <a onclick="xadmin.open('易燃气体监测','{{url('admin/info/MQ2')}}',1000,700)">
                                                <div class="hover-text">
                                                    <h4>易燃气体监控</h4>
                                                    <small>Realized</small>
                                                    <div class="clearfix"></div>
                                                    <i  ></i>
                                                </div>
                                                <img src="{{URL::asset('resources/login/images/info/mq2.jpg')}}" class="img-responsive" alt="...">
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-md-3 col-lg-3 Unrealized">
                                    <div class="portfolio-item">
                                        <div class="hover-bg">
                                            <a onclick="xadmin.open('尽请期待','{{url('admin/info/Unrealized')}}',800,500)">
                                                <div class="hover-text">
                                                    <h4>敬请期待</h4>
                                                    <small>Realized</small>
                                                    <div class="clearfix"></div>
                                                    <i  ></i>
                                                </div>
                                                <img src="{{URL::asset('resources/login/images/info/05.jpg')}}" class="img-responsive" alt="...">
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-md-3 col-lg-3 Another_function">
                                    <div class="portfolio-item">
                                        <div class="hover-bg">
                                            <a onclick="xadmin.open('尽请期待','{{url('admin/info/Unrealized')}}',800,500)">
                                                <div class="hover-text">
                                                    <h4>敬请期待</h4>
                                                    <small>Realized</small>
                                                    <div class="clearfix"></div>
                                                    <i  ></i>
                                                </div>
                                                <img src="{{URL::asset('resources/login/images/info/06.jpg')}}" class="img-responsive" alt="...">
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-md-3 col-lg-3 Show_info Unrealized">
                                    <div class="portfolio-item">
                                        <div class="hover-bg">
                                            <a onclick="xadmin.open('尽请期待','{{url('admin/info/Unrealized')}}',800,500)">
                                                <div class="hover-text">
                                                    <h4>敬请期待</h4>
                                                    <small>Realized</small>
                                                    <div class="clearfix"></div>
                                                    <i  ></i>
                                                </div>
                                                <img src="{{URL::asset('resources/login/images/info/07.jpg')}}" class="img-responsive" alt="...">
                                             </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-sm-6 col-md-3 col-lg-3 Unrealized">
                                    <div class="portfolio-item">
                                        <div class="hover-bg">
                                            <a onclick="xadmin.open('尽请期待','{{url('admin/info/Unrealized')}}',800,500)">
                                                <div class="hover-text">
                                                    <h4>敬请期待</h4>
                                                    <small>Realized</small>
                                                    <div class="clearfix"></div>
                                                    <i  ></i>
                                                </div>
                                                <img src="{{URL::asset('resources/login/images/info/08.jpg')}}" class="img-responsive" alt="...">
                                            </a>
                                        </div>
                                    </div>
                                 </div>

                            </div>
                        </div>
                    </div>






                </div>
            </div>
        </div>
    </div>
</div>
</body>

<script>
    layui.use('element', function() {
        var $ = layui.jquery
        element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块

        $(window).load(function() {
            var $container = $('#lightbox');
            $container.isotope({
                filter: '*',
                animationOptions: {
                    duration: 750,
                    easing: 'linear',
                    queue: false
                }
            });
            $('.cat a').click(function() {
                $('.cat .active').removeClass('active');
                $(this).addClass('active');
                var selector = $(this).attr('data-filter');
                $container.isotope({
                    filter: selector,
                    animationOptions: {
                        duration: 750,
                        easing: 'linear',
                        queue: false
                    }
                });
                return false;
            });

        });


    });
</script>

</html>
